<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/api.css">
	<style>
		html{
			background-color: #F9FAFE;
		}
		.search{
			display: flex;
			align-items: center;
			padding: 20px 50px;
			background-color: #fff;
		}
		.search .search-input{
			flex: 1
		}
		.search .search-input:focus{
			outline: none;
		}
		.title{
			background-color: #F9FAFE;
			padding: 10px;
			font-weight: bold;
		}
		.shouyi-list .shouyi-item{
			background-color: #F9FAFE;
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			padding: 10px 0;
			
		}
		.shouyi-item-title{
			font-weight: bold;
		}
		.time{
			width: 100px;
			text-align: center;
		}
	</style>
</head>

<body>
    <div id="view" v-cloak>
		<div class="search">
			<input type="text" v-model="keywords" class="search-input" :placeholder="_i18n('输入用户ID')">
			<img src="../../image/icon/search.png" width="30" alt="" @click="search">
		</div>
		<div class="title" v-if="keywords == ''">{{_i18n('工会成员')}}({{total}})</div>
		<div class="title" v-else>{{_i18n('搜索结果')}}({{total}})</div>
		<ul class="shouyi-list">
			<li class="shouyi-item shouyi-item-title">
				<div>{{_i18n('用户名')}}</div>
				<div>{{_i18n('用户ID')}}</div>
				<div>{{_i18n('加入工会时间')}}</div>
			</li>
			<li class="shouyi-item" v-for="(m, index) in ffList">
				<div>{{item.name}}</div>
				<div>{{item.id}}</div>
				<div class="time">{{item.register_datetime}}</div>
			</li>
		</ul>
        <div id="no_more null" v-if="ffList.length== 0"></div>
    </div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/jquery.js"></script>
<script src="../../script/ffkj.js"></script>
<script src="../../script/vue.js"></script>
<script src="../../script/frame0.js"></script>
<script>
    var view = new Vue({
        el: '#view',
        data: {
			total: 0,
			keywords: "",
            imgurl: imgurl,
            ffList: [],
            ios: 1, // 1上架 0非上架
            types: 0, // 1我的关注|2我的粉丝|3我的好友
            playIndex: -1,
        },
        methods: {
            // 听音频
            search() {
                var param = {
                    user_id: $api.getStorage('userid'),
                	keywords: this.keywords
                };
                _shangla(function() {
                    _lists('api/proxy/memberList', 1, 1, param);
                })
                
                _scrollToBottom(function() {
                    if (heigutgao == 1) {
                        pagenum++;
                        _lists('api/proxy/memberList', pagenum, '', param);
                    }
                })
            }
        }
    })
    apiready = function() {
        var param = {
            user_id: $api.getStorage('userid'),
			keywords: ""
        };
        _shangla(function() {
            _lists('api/proxy/memberList', 1, 1, param);
        })

        _scrollToBottom(function() {
            if (heigutgao == 1) {
                pagenum++;
                _lists('api/proxy/memberList', pagenum, '', param);
            }
        })

    }
</script>

</html>